<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
		<title>Trajet</title>
		<link rel="stylesheet" type="text/css" href="static/style/global.css"/>
		<meta name="viewport" content="width=device-width" />
	</head>
	<body>
		<div id="header">
			<div id="home_logo">
				<a href="./">
					<img src="static/img/car_50px.png" alt="logo"/>
				</a>
			</div>
			<div id="page_title">
				<h1>Trajet</h1>
			</div>
		</div>
		<div id="body">
			<div class="ride_details">
				<div class="from"><span>De :</span>Lyon, Part-Dieu</div>
				<div class="to"><span>À  :</span>Paris, Montparnasse</div>
				<div class="countdown">Départ dans <span>20mn</span></div>
				<div class="matching">3 places restantes ◎◉◉◉</div>
			</div>
			<hr/>
			<div>
				Conducteur :
			</div>
			<div>
				<div class="people_link">
					<button class="large">Jean Dupont</button>
					<button class="large">☎</button>
				</div>
			</div>
			<div>
				Passagers :
			</div>
			<div>
				<div class="people_link">
					<button class="large">Marc Gentil</button>
					<button class="large">☎</button>
				</div>
				<div class="people_link">
					<button class="large">Jules Méchant</button>
					<button class="large">☎</button>
				</div>
			</div>
			<div>
				<button class="large">Se joindre au trajet</button>
			</div>
			<hr />
			<div>
				Détails du trajets :
			</div>
			<div class="msg error">
				Bientôt...
			</div>
			<div class="msg error">
			</div>
			<hr />
			<div>
				<button class="large">Autres trajets</button>
			</div>
		</div>
		<div id="footer">
			Test OT SIMS
		</div>
	</body>	
</html>